<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:icecore="http://www.icefaces.org/icefaces/core"
	xmlns:ace="http://www.icefaces.org/icefaces/components"
	xmlns:ice="http://www.icesoft.com/icefaces/component">
	<f:loadBundle var="etiqueta" basename="etiquetas"></f:loadBundle>
	<f:loadBundle var="constante" basename="constantes"></f:loadBundle>
	<h:head>
		<title>#{etiqueta['titulo']}</title>
		<link rel="stylesheet" type="text/css"
			href="../estilos/css/rime/rime.css" />
		<link rel="stylesheet" type="text/css"
			href="../estilos/css/estilos.css" />
	</h:head>
	<h:body styleClass="pageCover">
		<ui:include src="/menuTemplate.xhtml" />
		<h:form>
			<ice:panelGroup styleClass="100per centrarGrupo" >
				<div align="center">
					<ice:panelGrid styleClass="contentClass">
						<ice:panelGrid styleClass="100per izquierdaGrupo">
							<!-- Agregar cliente -->
							<f:facet name="header">
								<div align="center">
									<ice:outputText value="#{etiqueta['cliente.titulo']}" ></ice:outputText>
								</div>
							</f:facet>
							<ice:panelGrid columns="2" styleClass="100per">
								<!-- Panel info cliente-->
								<ice:outputText id="estadoCliente" value="#{etiqueta['cliente.estado']}"></ice:outputText>
								<ice:selectBooleanCheckbox id="valorEstadoCliente" value="#{clienteBean.cliente.activo}">
								</ice:selectBooleanCheckbox>
								<ace:tooltip for="estadoCliente" value="#{etiqueta['cliente.estado.tooltip']}"></ace:tooltip>
								<ace:tooltip for="valorEstadoCliente" value="#{etiqueta['cliente.estado.tooltip']}"></ace:tooltip>
								
								<ice:outputText value="#{etiqueta['cliente.nombre']}"></ice:outputText>
								<ice:inputText value="#{clienteBean.cliente.nombre}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['cliente.tipoIdentificacion']}"></ice:outputText>
								<ice:selectOneListbox 
									value="#{clienteBean.cliente.tipoIdentificacion.idtipoIdentificacion}"
									size="1">
									<f:selectItems value="#{clienteBean.itemsTipoDocumentos}"/>
								</ice:selectOneListbox>
								
								<ice:outputText value="#{etiqueta['cliente.numeroIdentificacion']}"></ice:outputText>
								<ice:inputText value="#{clienteBean.cliente.numeroIdentificacion}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['cliente.correoElectronico']}"></ice:outputText>
								<ice:inputText value="#{clienteBean.cliente.correoElectronico}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['cliente.numeroTelefono']}"></ice:outputText>
								<ice:inputText value="#{clienteBean.cliente.numeroTelefono}"></ice:inputText>
								
							</ice:panelGrid>
							<div align="center">
								<ice:panelGrid columns="2">
									<ice:commandButton value="#{etiqueta['boton.guardar']}" actionListener="#{clienteBean.guardarCliente}"
										rendered="#{not clienteBean.editandoCliente}"></ice:commandButton>
									<ice:commandButton value="#{etiqueta['boton.editar']}"
										rendered="#{clienteBean.editandoCliente}" 
										actionListener="#{clienteBean.editarCliente}"></ice:commandButton>
									<ice:commandButton value="#{etiqueta['boton.cancelar']}"
										rendered="#{clienteBean.editandoCliente}" 
										actionListener="#{clienteBean.cancelarEdicionCliente}"></ice:commandButton>
								</ice:panelGrid>
								<ice:commandButton value="#{etiqueta['boton.consultar']}" actionListener="#{clienteBean.consultarClientes}"></ice:commandButton>
							</div>
						</ice:panelGrid>
						
						
						<ice:panelGrid styleClass="100per" columnClasses="centrarGrupo" columns="1">
							<ace:dataTable id="listaClientes"
								rows="10"
								var="cliente"
								value="#{clienteBean.clientes}"
								paginator="true"
					            paginatorPosition="bottom">
								<f:facet name="header">
									<div align="center">
										<ice:outputText value="#{etiqueta['cliente.tabla.titulo']}"></ice:outputText>
									</div>
								</f:facet>
								
								<ace:column headerText="#{etiqueta['cliente.tabla.titulo']}">
									<ice:panelGrid columns="3">
										<ice:commandButton title="#{etiqueta['boton.editar']}"
											actionListener="#{clienteBean.seleccionarClienteEditar}"
											image="../estilos/css/imagenes/pen-16.gif">
											<f:attribute name="idCliente" value="#{cliente.idcliente}"/>
										</ice:commandButton>										
									</ice:panelGrid>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['cliente.tabla.nombre']}"
									sortBy="#{cliente.nombre}"
									filterBy="#{cliente.nombre}" filterMatchMode="contains">
									<ice:outputText value="#{cliente.nombre}">
									</ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['cliente.tabla.identificacion']}"
									sortBy="#{cliente.tipoIdentificacion.acronimo},#{cliente.numeroIdentificacion}"
									filterBy="#{cliente.tipoIdentificacion.acronimo},#{cliente.numeroIdentificacion}" filterMatchMode="contains">
									<ice:outputText value="#{cliente.tipoIdentificacion.acronimo}"></ice:outputText>
									<ice:outputText value=" #{cliente.numeroIdentificacion}"></ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['cliente.tabla.correoElectronico']}" 
									sortBy="#{cliente.correoElectronico}"
									filterBy="#{cliente.correoElectronico}" filterMatchMode="contains">
									<ice:outputText value="#{cliente.correoElectronico}"></ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['cliente.tabla.numeroTelefono']}" 
									sortBy="#{cliente.numeroTelefono}"
									filterBy="#{cliente.numeroTelefono}" filterMatchMode="contains">
									<ice:outputText value="#{cliente.numeroTelefono}"></ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['cliente.tabla.estado']}" >
									<ice:outputText
										rendered="#{cliente.activo}" 
										value="#{etiqueta['cliente.tabla.activo']}">
									</ice:outputText>
									<ice:outputText
										rendered="#{!cliente.activo}" 
										value="#{etiqueta['cliente.tabla.inactivo']}">
									</ice:outputText>
								</ace:column>
							</ace:dataTable>
						</ice:panelGrid>
					</ice:panelGrid>
				</div>
			</ice:panelGroup>
		</h:form>
	</h:body>
</html>